<!-- 
 -->
<template>
  <div class='right_app'>
    <!-- <div class="qq">
      <div class="qq_service">在线客服</div>
      <div class="qq_service_con">
        <a :href="qq" target="_blank">
          <img src="../assets/img/iq.png" alt class="qq_img"/>
          <p>计税报账</p>
        </a>

        <a :href="qq" target="_blank">
          <img src="../assets/img/iq.png" alt class="qq_img"/>
          <p>工商服务</p>
        </a>

        <a :href="qq" target="_blank">
          <img src="../assets/img/iq.png" alt class="qq_img"/>
          <p>会计培训</p>
        </a>
      </div>
    </div>
    <div class="wx">
      <div class="wx_service">微信客服</div>
      <div>
        <img :src="dataInfo.wechatPic" alt class="we_img"/>
      </div>
    </div> -->
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { mapGetters } from "vuex";
import { companyInfo } from "../api/info";
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  computed: {
    ...mapGetters(["dataInfo"])
  },
  data() {
    //这里存放数据
    return {
      qq: ``
    };
  },
  //监听属性 类似于data概念
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    // info() {
    //   console.log(2,this.dataInfo);
    //   this.qq = `tencent://message/?uin=${this.dataInfo.number}&Site=Sambow&Menu=yes`;
    // },
    getcompanyInfo(){
      companyInfo().then(res=>{
              this.qq = `tencent://message/?uin=${res.data.number}&Site=Sambow&Menu=yes`;
      })
    }
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
      this.getcompanyInfo()
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {
  
  }, //生命周期 - 更新之前
  updated() {
  
  }, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
.qq,
.wx {
  width: 2rem;
  padding: 0.1rem;
  text-align: center;
  background-color: #5382aa;
  border-radius: 0.05rem 0.05rem 0px 0;
}
.wx {
  border-radius: 0px 0px 0.05rem 0.05rem;
}
.qq_service,
.wx_service {
  font-size: 0.2rem;
  color: white;
}
.qq_service_con {
  padding: 0.1rem;
  background: white;
  border-radius: 0.05rem;
}
.qq_service_con > a {
  display: flex;
  align-items: center;
  justify-items: center;
  margin: 0.05rem 0;
  text-align: center;
  cursor: pointer;
  color: black;
}
.qq_service_con > a > p {
  margin-left: 0.1rem;
}
.we_img{
  width: 1.65rem;
  height: 1.53rem;
}
.right_app{
  font-size: 0.16rem;
}
.qq_img{
  width: 0.26rem;
  height: 0.26rem;
}
</style>